<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <!--<link rel="stylesheet" href="../../bower_components/bootstrap/css/bootstrap.min.css"/>-->
    <link rel="stylesheet" href="../../../static/css/style.css"/>
    <link href="../../../static/css/layout.css" rel="stylesheet" type="text/css">
    <link href="../../../static/css/default.css" rel="stylesheet" type="text/css">
    <link href="../../../static/css/iconfont.css" rel="stylesheet" type="text/css">
    <link href="../../../static/css/skin.css" rel="stylesheet" type="text/css">

    <script>var ctx = '';
    var basePath = '/gillion-web';</script>
    <script src="../../../bower_components/requirejs/require.js" data-main="../../../static/app.js" data-bootstrap-modules="'demo/areas/BasicDemo'"></script>
</head>
<body ng-controller="AreasBasicDemoController">
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
<form name="TestForm" >
&nbsp;&nbsp;&nbsp;&nbsp;

    <!--
        属性指令 `g-areas`
        属性：
            ng-model 绑定地区编号
            [selectedArea] 可绑定当前选中的地区记录
            [allowChooseCity=false]     是否允许选中市
            [allowChooseProvince=false] 是否允许选中省
            [isDisplayPath=true] 是否显示路径（即显示`省/市/县`或直接显示地区name）
            [pathSeparator=/] 路径分隔符

       事件：
            [onBeforeSelect($event, areaCode, area)] 选中前触发， 返回false可阻止选中行为
            [onSelect($event, areaCode, area)]       选中后出发

    -->

    <input type="text" g-areas ng-model="currentArea.areaCode" data-selected-area="someSelected"/>

    <br/>
    <br/>
    <br/>
    <br/>
    {{someSelected}}
</form>
<br/>
<br/>
<br/>
<br/>
<input type="text" g-areas ng-model="flyArea" data-selected-area="someSelected2"/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

{{currentArea}}

<input type="text" ng-model="currentArea.areaCode"/>
<g-checkboxes name=""/>

</body>
</html>